<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>ajaxSubmit demo</title>

  <!-- Bootstrap -->
  <link href="{:config('__public__')}/static/bootstrap-3.3.4/dist/css/bootstrap.min.css" rel="stylesheet">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body>
  <div class="main-title">
    <h2>ajaxSubmit demo</h2>
  </div>
  <div class="container">

    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">
          <h4>需要引入</h4>
        </h3>
      </div>
      <div class="panel-body">
        <p>jquery.js</p>
        <p>jquery.validate.min.js</p>
        <p>jquery.form.js</p>
        <p>ui-dialog.css</p>
        <p>dialog-min.js</p>
        <p>ajaxSubmit.js</p>
      </div>
    </div>

    <form action="{:url('test')}" enctype="application/x-www-form-urlencoded" method="POST"
            class="form-horizontal">
      <div class="form-group">
        <label class="col-sm-12">test</label>
        <div class="col-lg-6">
          <input type="text" name="test" required="required"></div>
      </div>

      <div class="form-group">
        <label for="auth-title" class="col-sm-12">用户组</label>
        <div class="col-lg-6">
          <input id="auth-title" type="text" name="title" class="form-control" value="" required="required"/>
        </div>
      </div>

      <div class="form-group">
        <label for="auth-description" class="col-sm-12">描述</label>
        <div class="col-lg-6">
          <textarea class="form-control" rows="3" id="auth-description" type="text" name="description" required="required"></textarea>
        </div>
      </div>

      <div class="form-group">
        <input type="hidden" name="id" value="" />
        <button type="submit" class="btn submit-btn ajax-post" target-form="form-horizontal">确 定</button>
        <button class="btn btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
      </div>
    </form>
  </div>
  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <!-- <script src="{:config('__public__')}/static/bootstrap-3.3.4/dist/js/bootstrap.min.js"></script> -->
  <script src="{:config('__public__')}/static/jquery-validation-1.16.0/dist/jquery.validate.min.js"></script>
  <script src="{:config('__public__')}/static/form-3.51/jquery.form.js"></script>

  <link rel="stylesheet" href="{:config('__public__')}/static/artDialog-6.0.4/css/ui-dialog.css">
  <script src="{:config('__public__')}/static/artDialog-6.0.4/dist/dialog-min.js"></script>

  <script type="text/javascript" src="/Admin/js/ajaxSubmit.js"></script>

</body>
</html>